<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据类型转换</title>
</head>

<body>
  <script>
    //准备一个变量，赋值为字符串类型内容
    var s1 = '100'
    console.log(s1)
    console.log(typeof s1)

    var n1 = parseInt(s1)//解析一个字符串，并返回一个整数。
    console.log(n1)
    console.log(typeof n1)
  </script>

  <script>
    //准备一个变量，赋值为字符串类型内容
    var s1 = '100abc'
    console.log(s1)
    console.log(typeof s1)

    var n1 = parseInt(s1)//解析一个字符串，并返回一个整数。
    console.log(n1)
    console.log(typeof n1)//结果只有数字保留下来
  </script>

  <script>
    //准备一个变量，赋值为字符串类型内容
    var s1 = 'abc'
    console.log(s1)
    console.log(typeof s1)

    var n1 = parseInt(s1)//解析一个字符串，并返回一个整数。
    console.log(n1)
    console.log(typeof n1)//结果为NaN：not a number非数字
  </script>


  <script>
    let arr = [27.2, 0, '0013', '14px', 123]
    let newarr = parseInt(arr)
    console.log(newarr);
    arr = arr.map(parseInt)
    arr.map((item, index) => {
      console.log(parseInt(item, index));
      return parseInt(item, index)

    })
    console.log(arr);
    let arr1 = [27.2, 0, 0013, '14px', 123]
    arr1 = arr1.map(parseInt)
    console.log(arr1);
  </script>
</body>

</html>